<template>
	<view class="wrap">
		<js-error mode="bottom" ref="jsError"></js-error>
		
		<view>
			<view class="wrap">
				<u-form class="form" ref="uForm" label-position="left" :model="model" :rules="rules">
					<u-form-item label="机台" prop="lineCode" label-width="180"  >
						<view>{{ model.lineCode }}</view>
					</u-form-item>
					
					<u-form-item label="异常类型" prop="errorType" label-width="180" >
						<js-select v-model="model.errorType" dict-type="mes_error_type" placeholder="请选择选项" disabled></js-select>
					</u-form-item>
					<u-form-item label="异常描述" prop="remarks" label-width="180"  label-position="top">
						<u-input placeholder="请输入" v-model="model.remarks" type="textarea" :custom-style="customStyle"  height="100" maxlength="500" disabled></u-input>
					</u-form-item>
					<u-form-item label="图片上传" prop="remarks" label-width="180"  label-position="top">
						<js-uploadfile v-model="model.dataMap" :biz-key="model.id" biz-type="line_error_file" maxCount="0"></js-uploadfile>
					</u-form-item>
                    <u-form-item label="上报人" prop="createByName" label-width="180"  >
						<view>{{ model.createByName }}</view>
					</u-form-item>
                    <u-form-item label="发生时间" prop="createDate" label-width="180"  >
						<view>{{ model.createDate }}</view>
					</u-form-item>
                    <u-form-item label="处理时间" prop="dealDate" label-width="180"  >
						<view>{{ model.dealDate }}</view>
					</u-form-item>
                    <u-form-item label="处理结果" prop="dealResult" label-width="180"  label-position="top">
						<u-input placeholder="请输入" v-model="model.dealResult" type="textarea" :custom-style="customStyle"  height="100" maxlength="500" disabled></u-input>
					</u-form-item>
                    <u-form-item label="处理人" prop="dealUserName" label-width="180"  >
						<view>{{ model.dealUserName }}</view>
					</u-form-item>
				
				</u-form>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
                model:{}
			}
		},
		onLoad(e){
			this.id = e.id
            this.mesLineErrorForm()

		},

		methods:{
            mesLineErrorForm(){
                this.$u.api.kst.mesLineErrorForm({id:this.id}).then((res)=>{
                    this.model = res.mesLineError

                })
            }




		}
	}	
</script>

<style scoped lang="scss">
	.title{
		width: 180rpx;
	}
	.bg-confirm {
	  background: #3e97b0;
	  color: #ffffff;
	}
	.cu-bar.foot{
		z-index: 998 !important;
	}
	/deep/.u-drawer-content{
		height: 40% !important;
	}
</style>